<template>
  <div class="store-page">
    <headBar  isBack="show">
      <div slot="xm-header-center">
        <div class="xm-header-title" >我的分店</div>
      </div>
      <div slot="xm-header-right"></div>
    </headBar>
    <div class="store-group flex" v-for="item in storeList">
      <div class="store-name flex flex-align-center">{{item.name}}</div>
      <div class="store-contact flex flex-1 flex-align-center">
        <div>
          <h3>{{item.contacts}}</h3>
          <p>{{item.phone}}</p>
        </div>
      </div>
    </div>
    <!--数据为空-->
    <div class="empty marginTop20" v-show="storeList.length==0">
      <i class="icon icon-wujieguoyangshi"></i>
      <p class="marginTop20">没有数据</p>
    </div>
  </div>
</template>
<script>
  export default {
    props: {},
    data() {
      return {
        storeList: []
      };
    },
    methods: {
      getSubordinate(){
        subordinate().then(data=>{
          if(data.returnCode == '000000'){
            this.storeList = data.result.subInfo;
          }
        })
      }
    },
    filters: {},
    created() {
      this.getSubordinate();
    },
    mounted(){

    },
    components: {
    }
  };
</script>
<style lang="less">
  @import "./store.less";
</style>
